<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>热门活动--网票网</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/newcss.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/js/jquery.js"></script>
<link href="css/lanrentuku.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/uilock.js"></script>
<link href="css/lanrenxixi.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
        function ClearTxt(id)
        {
            if(document.getElementById(id).value.substring(0,3)=="请输入");
          	document.getElementById(id).value="";
        }
    </script>
<script type="text/javascript"> 
$(document).ready(function() {
						   
		
			//Set Default State of each portfolio piece
			$(".paging").show();
			$(".paging a:first").addClass("active");
				
			//Get size of images, how many there are, then determin the size of the image reel.
			var imageWidth = $(".window").width();
			var imageSum = $(".image_reel img").size();
			var imageReelWidth = imageWidth * imageSum;
			
			//Adjust the image reel to its new size
			$(".image_reel").css({'width' : imageReelWidth});
			
			//Paging + Slider Function
			rotate = function(){	
				var triggerID = $active.attr("rel") - 1; //Get number of times to slide
				var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide
		
				$(".paging a").removeClass('active'); //Remove all active class
				$active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
				
				//Slider Animation
				$(".image_reel").animate({ 
					left: -image_reelPosition
				}, 500 );
				
			}; 
			
			//Rotation + Timing Event
			rotateSwitch = function(){		
				play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
					$active = $('.paging a.active').next();
					if ( $active.length === 0) { //If paging reaches the end...
						$active = $('.paging a:first'); //go back to first
					}
					rotate(); //Trigger the paging and slider function
				}, 7000); //Timer speed in milliseconds (3 seconds)
			};
			
			rotateSwitch(); //Run function on launch
			
			//On Hover
			$(".image_reel a").hover(function() {
				clearInterval(play); //Stop the rotation
			}, function() {
				rotateSwitch(); //Resume rotation
			});	
			
			//On Click
			$(".paging a").click(function() {	
				$active = $(this); //Activate the clicked paging
				//Reset Timer
				clearInterval(play); //Stop the rotation
				rotate(); //Trigger rotation immediately
				rotateSwitch(); // Resume rotation
				return false; //Prevent browser jump to link anchor
			});	
			
		
	/*****************/
	
	
	$("#newbtn").click(function(){
		$("#new_login").hide();
		$("#old_login").fadeIn("slow");
	});
	$("#oldbtn").click(function(){
		$("#new_login").fadeIn("slow");
		$("#old_login").hide();
	})					   
						   
	$('#locked').click(function(){
		$("#paybandhidden").show();
		$.uiLock('');	
		var w_window = $(window).width()/2;
		var leftval = w_window-250+"px";
		var h_window = $(window).height()/2;
		var topval = h_window - $("#paybandhidden").height()/2;
		
		$("#paybandhidden").css("left",leftval);
		$("#paybandhidden").css("top",topval);
	});
   $("#cheng>span").each(function(i){
	  $(this).click(function(){
		  cid_l=$(this).attr("id");
		  $("#cheng>span").each(function(j){
				$(this).css("background","none").css("color","#000000");
		 }); 
		 $("#"+cid_l).css("background","#ff0000").css("color","#ffffff");
	  });	            
	});
});
</script>
<script type="text/javascript"> 
    var gourl="";
    function SelectCity(limitid,divid,hidid)
    {
        lim=limitid;
        if(lim=="2")
        { 
          showDiv1(divid,hidid);
        }
    }
    function showDiv1(divid,hidid)
    {
        $("#paybandhidden").show();
		$.uiLock('');	
		var w_window = $(window).width()/2;
		var leftval = w_window-250+"px";
		var h_window = $(window).height()/2;
		var topval = h_window - $("#paybandhidden").height()/2;
		
		$("#paybandhidden").css("left",leftval);
		$("#paybandhidden").css("top",topval);
		
		$("#"+divid).show();
		$("#"+hidid).hide();
    }
    function ResetSub(sub,type,url)
    {
        $.ajax({
		        type:'POST',
		        url:'ReSetSub.html?SubscriptID='+sub+'&type='+type,
		        data:'',
		        success:function(data){
	                if(data=="1")
	                {
	                    if(url=="1")
	                    {
	                        $("#dsub").hide();
	                        $("#dci").show();
	                    }
	                    else
	                    {
	                        window.location.href=url;
	                    }
	                }
	                else
	                {
	                   alert("放弃订单失败，请联系客服人员");
	                }
                }
             });
    }
    function ChangeUrl(url,id)
    {      
        gourl=url;
    }
    function GoUrl()
    {
        window.location.href=gourl;
    }
    function SubScript(url)
    {
        window.location.href=url;
    }
</script>
<style type="text/css">
.container {
	width: 790px;
	padding: 0;
	margin: 0 auto;
}
.folio_block {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -140px 0 0 -395px;
}
/*--Main Container--*/
.main_view {
	float: left;
	margin-left: 10px;
	display: inline;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height: 240px;
	width: 660px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/;
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0;
	left: 0;
}
.image_reel img {
	float: left;
}
/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 0;
	right: -7px;
	width: 98px;
	height: 30px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/;
	text-align: center;
	line-height: 40px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a:link {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a:visited {
	padding: 5px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}
.paging a:hover {
	padding: 5px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	padding: 5px;
	font-weight: bold;
	background: #920000;
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-decoration: none;
	color: #fff;
}
</style>

</head>

<body>

<div class="topnav">
	<ul>
		<li><a href="/">首页</a> </li>
		<li><a href="/movie/">正在热映</a> </li>
		<li><a href="/theater/">电影院</a> </li>
		<li><a href="/Note_comment/">观后感</a> </li>
		<li><a href="/wangp/ZXXX/List_43.html">资讯</a>
		</li>
		<li><a href="/TelFareBuyTicket/">话费购票</a> </li>
		<li>
		<a href="/Exchange/MyTicket_IndexNew.html" style="border: none;">
		电影卡</a> </li>
		<li class="li_bg"><a href="/hd/ActiveIndex.html">
		热门活动</a> </li>
	</ul>
</div>
<form name="form1" method="post" action="ActiveIndex.html" id="form1">

	<script type="text/javascript"> 
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
    theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>
	<script>alert('登录卡号或密码错误，请确认');</script>

	<div class="margin_top">
	</div>
	<div class="main">
		<div class="ad_div">
			<!-- 广告位：热门活动焦点图 -->
			<script type="text/javascript">BAIDU_CLB_SLOT_ID = "281334";</script>
			<script type="text/javascript" src="http://cbjs.baidu.com/js/o.js"></script>
		</div>
		<div class="login" style="display: none;" id="old_login">
			<!--旧版的入口-->
			<h1>请输入卡号</h1>
			<input name="GCardtxt" type="text" id="GCardtxt" value="请输入卡号" onfocus="ClearTxt(this.id)" />
			<h1>请输入密码</h1>
			<input name="GNumbertxt" type="text" id="GNumbertxt" value="请输入密码" onfocus="ClearTxt(this.id)" />
			<table width="218" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td width="161">
					<input type="button" class="input_style_2" style="cursor: pointer" id="oldbtn" /></td>
					<td align="right">
					<input onclick="__doPostBack('Button1','')" name="Button1" type="button" id="Button1" class="input_style_3" style="cursor: pointer" /></td>
				</tr>
			</table>
		</div>
		<div class="paybankbox" id="paybandhidden" style="display: none; position: absolute; z-index: 9999999999;">
			<div class="citylist none" id="dsub">
				<h2><a href="#" onclick="$.uiUnlock();">关闭</a> 上次订单未完成，是否继续？</h2>
				<span id="sub"></span></div>
			<div class="citylist" id="dci">
				<h2><a href="#" onclick="$.uiUnlock();">关闭</a> 请选择订票城市：</h2>
				<dl>
					<dd id="cheng"></dd>
				</dl>
				<p class="next_btn">
				<input type="button" id="Button4" onclick="GoUrl();" class="btn_next" />
				</p>
			</div>
		</div>
		<input name="h1" type="hidden" id="h1" />
		<input name="h2" type="hidden" id="h2" />
		<div class="login_new" id="new_login">
			<!--新版的入口-->
			<table width="227" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td width="170">
					<input name="GNewNumber" type="text" id="GNewNumber" value="2421423434" onfocus="ClearTxt(this.id)" /></td>
					<td align="right">
					<input onclick="__doPostBack('Button2','')" name="Button2" type="button" id="Button2" class="input_style_1" /></td>
				</tr>
			</table>
			<p style="margin-bottom: 20px;">如果你收到的活动码是卡号和密码形式的，请使用<a href="#" style="color: #F00;" id="newbtn">旧版活动码入口</a> 
			。</p>
			<h1>团购码：</h1>
			<p style="margin: 0; height: 38px; overflow: hidden;">用户使用团购码无需另行支付费用，即可兑换相应活动的电影票。</p>
			<h1>优惠码：</h1>
			<p style="margin: 0; height: 38px; overflow: hidden;">用户使用优惠码可享受活动优惠价格购票，优惠额度根据活动的不同有所区别。</p>
		</div>
	</div>
	<div class="margin_18">
	</div>
	<div class="main">
		<div class="list" style="margin: 0; padding: 0;">
			<iframe id="main" src="list.html" style="width: 680px;" scrolling="no" frameborder="0">
			</iframe></div>
		<div class="main_r">
			<h1><img src="img/tip_2.gif" width="83" height="20" /> </h1>
			<img src="img/buzhou_1.jpg" width="258" height="62" style="margin-bottom: 23px;" />
			<img src="img/buzhou_2.jpg" width="258" height="62" style="margin-bottom: 23px;" />
			<img src="img/buzhou_3.jpg" width="258" height="62" style="margin-bottom: 23px;" />
			<img src="img/buzhou_4.jpg" width="258" height="52" style="margin-bottom: 27px;" />
			<img src="img/buzhou_5.jpg" width="258" height="2" style="clear: both; display: inline;" />
			<h1><img src="img/tip_3.gif" /> </h1>
			<img src="img/tip_4.gif" /> </div>
	</div>
</form>

</body>

</html>
